<template>
  <div>
    <template v-for="item in childList">
      <ul :key="item.id">
        <li>{{item.city}}</li>
        <li>
          <img :src="item.img" alt />
        </li>
      </ul>
    </template>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Object,
    },
  },
  data() {
    return {
      childList: [],
    };
  },
  watch: {
    list(v) {
      console.log(v, "v");
      this.childList = v.data;
    },
  },
};
</script>

<style>
</style>